[class^="resize-handler_"] {
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.2s;
  position: absolute;
}
[class^="resize-handler_"]:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.resize-handler_l,
.resize-handler_r {
  top: 4px;
  width: 4px;
  height: calc(100% - 8px);
  cursor: ew-resize;
}

.resize-handler_t,
.resize-handler_b {
  left: 10px;
  width: calc(100% - 8px);
  height: 4px;
  cursor: ns-resize;
}

.resize-handler_lt,
.resize-handler_rb {
  width: 4px;
  height: 4px;
  cursor: nw-resize;
}

.resize-handler_lb,
.resize-handler_rt {
  width: 4px;
  height: 4px;
  cursor: ne-resize;
}

.resize-handler_l {
  left: 0;
}

.resize-handler_r {
  right: 0;
}

.resize-handler_t {
  top: 0;
}

.resize-handler_b {
  bottom: 0;
}

.resize-handler_lt {
  left: 0;
  top: 0;
}

.resize-handler_rb {
  right: 0;
  bottom: 0;
}

.resize-handler_lb {
  left: 0;
  bottom: 0;
}

.resize-handler_rt {
  right: 0;
  top: 0;
}
